import React,{Component} from 'react';
import {NavLink} from 'react-router-dom';
import CSSModules from 'react-css-modules';
import styles from './sass/recnav.scss';




 class Recnav extends Component {
    render(){
        return <div styleName="recnav">
        <div styleName="nav">
            <div className=" clearfix wrapper">
                        
                        <div styleName="navbar" className="clearfix">
                            <ul>
                                
                                <li><NavLink to="/rectv" activeClassName="nav-active">电视剧</NavLink></li>
                                <li><NavLink to="/recmovie" activeClassName="nav-active">电影</NavLink></li>
                                <li><NavLink to="/recother" activeClassName="nav-active">其他</NavLink></li> 
                            </ul>
                        </div>
                    </div>
        </div>
            

        </div>
    }
}

export default CSSModules(Recnav, styles,{allowMultiple:true});
